<template>
  <my-div class="bill">
    <head title="账单"></head>
    <my-div class="wallet-wrapper">
      <my-text day_color="rgba(70,120,245,1)" night_color="rgba(184,111,36,1)" text="BTC/USDT" class="city-name"></my-text>
      <div class="city-label">
        <div style="width:325px;">
          <my-text :text="$t('wallet.may_use')" class="city-label-name"></my-text>
          <my-text text="1.2329889" class="city-label-count"></my-text>
        </div>
        <div style="width:325px;">
          <text class="city-label-name">{{$t('wallet.lock_house')}}</text>
          <my-text text="1.2329889" class="city-label-count">1.2329889</my-text>
        </div>
      </div>
    </my-div>
    <div class="grey"></div>
    <div class="bill-record">
        <div class="bill-label">
          <text style="font-size:48px;color:rgba(60,71,98,1);">{{$t('wallet.record')}}</text>
          <!-- <image style="width:34px;height:34px;" src="root:img/load.gif"></image> -->
        </div>
        <scroller class="scroller" @loadmore="loadmore">
            <bill-card></bill-card>
        </scroller>  
    </div>
  </my-div>
</template>
<style scoped>
.scroller{
  flex: 1;
  /* position: absolute;
  top: 0;
  left: 0;
  bottom: 0; */
}
.bill-label{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 38px;
}
.wallet-wrapper{
  width: 690px;
  margin-left: 30px;
  padding-left: 40px;
}
.city-name{
  margin-top: 30px;
  font-size: 48px;
  font-family: PingFang SC;
  line-height: 36px;
}
.city-label{
  display: flex;
  flex-direction: row;
  margin-top: 44px;
  margin-bottom: 30px;
}
.city-label-name{
  font-size: 24px;
  color: rgba(154,156,164,1);
}
.city-label-count{
  font-size: 36px;
   margin-top: 18px;
   color: rgba(60,71,98,1);
}
.grey{
  width:750px;
  height:30px;
}
.bill-record{
  padding-left: 30px;
  padding-right: 30px;
}

</style>
<script>
import BillCard from '../../component/bill-card.vue'
export default {
  name: "",
  data() {
    return {};
  },
  components: {BillCard},
  created() {
      var globalEvent = weex.requireModule('globalEvent');
      globalEvent.addEventListener("onPageInit", (param) => {
        this.get_trade_record()
      })
  },
  methods: {
    get_trade_record(){
      this.$http.get('wallet/listUserTrancInfo?accountId='+this.current_wallet.account_id+'&indexMax=-1',{},(res)=>{
        this.alert(res)
      })
    },
    loadmore(){

    }
  }
};
</script>
